

<!DOCTYPE html>
<html lang class="loading">
<head><meta name="generator" content="Hexo 3.9.0">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>简单的注册页面 - 闲看花开 静待花落</title>
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="google" content="notranslate">
    <meta name="keywords" content="贰货不二,"> 
    <meta name="description" content="写了个HTML+JS注册页面1234567891011121314151617181920212223242526272829303132333435363738394041424344454647,"> 
    <meta name="author" content="贰货不二"> 
    <link rel="alternative" href="atom.xml" title="闲看花开 静待花落" type="application/atom+xml"> 
    <link rel="icon" href="/img/favicon.png"> 
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.css">
    <link rel="stylesheet" href="/css/diaspora.css">
    <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({
              google_ad_client: "ca-pub-8691406134231910",
              enable_page_level_ads: true
         });
    </script>
    <script async custom-element="amp-auto-ads" src="https://cdn.ampproject.org/v0/amp-auto-ads-0.1.js">
    </script>
    
</head>
</html>
<body class="loading">
    <span id="config-title" style="display:none">闲看花开 静待花落</span>
    <div id="loader"></div>
    <div id="single">
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<div id="top" style="display: block;">
    <div class="bar" style="width: 0;"></div>
    <a class="icon-home image-icon" href="javascript:;" data-url="https://mrdcg.github.io"></a>
    <div title="播放/暂停" class="icon-play"></div>
    <h3 class="subtitle">简单的注册页面</h3>
    <div class="social">
        <!--<div class="like-icon">-->
            <!--<a href="javascript:;" class="likeThis active"><span class="icon-like"></span><span class="count">76</span></a>-->
        <!--</div>-->
        <div>
            <div class="share">
                <a title="获取二维码" class="icon-scan" href="javascript:;"></a>
            </div>
            <div id="qr"></div>
        </div>
    </div>
    <div class="scrollbar"></div>
</div>

    <div class="section">
        <div class="article">
    <div class='main'>
        <h1 class="title">简单的注册页面</h1>
        <div class="stuff">
            <span>七月 17, 2019</span>

            <span>
   阅读数(请刷新)<span id="busuanzi_value_page_pv"></span>
</span>
            
  <ul class="post-tags-list"><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/HTML/">HTML</a></li><li class="post-tags-list-item"><a class="post-tags-list-link" href="/tags/Javascript/">Javascript</a></li></ul>



        </div>
        <div class="content markdown">
            <h2 id="写了个HTML-JS注册页面"><a href="#写了个HTML-JS注册页面" class="headerlink" title="写了个HTML+JS注册页面"></a>写了个HTML+JS注册页面</h2><figure class="highlight plain"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br><span class="line">45</span><br><span class="line">46</span><br><span class="line">47</span><br><span class="line">48</span><br><span class="line">49</span><br><span class="line">50</span><br><span class="line">51</span><br><span class="line">52</span><br><span class="line">53</span><br><span class="line">54</span><br><span class="line">55</span><br><span class="line">56</span><br><span class="line">57</span><br><span class="line">58</span><br><span class="line">59</span><br><span class="line">60</span><br><span class="line">61</span><br><span class="line">62</span><br><span class="line">63</span><br><span class="line">64</span><br><span class="line">65</span><br><span class="line">66</span><br><span class="line">67</span><br><span class="line">68</span><br><span class="line">69</span><br><span class="line">70</span><br><span class="line">71</span><br><span class="line">72</span><br><span class="line">73</span><br><span class="line">74</span><br><span class="line">75</span><br><span class="line">76</span><br><span class="line">77</span><br><span class="line">78</span><br><span class="line">79</span><br><span class="line">80</span><br><span class="line">81</span><br><span class="line">82</span><br><span class="line">83</span><br><span class="line">84</span><br><span class="line">85</span><br><span class="line">86</span><br><span class="line">87</span><br><span class="line">88</span><br><span class="line">89</span><br><span class="line">90</span><br><span class="line">91</span><br><span class="line">92</span><br><span class="line">93</span><br><span class="line">94</span><br><span class="line">95</span><br><span class="line">96</span><br><span class="line">97</span><br><span class="line">98</span><br><span class="line">99</span><br><span class="line">100</span><br><span class="line">101</span><br><span class="line">102</span><br><span class="line">103</span><br><span class="line">104</span><br><span class="line">105</span><br><span class="line">106</span><br><span class="line">107</span><br><span class="line">108</span><br><span class="line">109</span><br><span class="line">110</span><br><span class="line">111</span><br><span class="line">112</span><br><span class="line">113</span><br><span class="line">114</span><br><span class="line">115</span><br><span class="line">116</span><br><span class="line">117</span><br><span class="line">118</span><br><span class="line">119</span><br><span class="line">120</span><br><span class="line">121</span><br><span class="line">122</span><br><span class="line">123</span><br><span class="line">124</span><br><span class="line">125</span><br><span class="line">126</span><br><span class="line">127</span><br><span class="line">128</span><br><span class="line">129</span><br><span class="line">130</span><br><span class="line">131</span><br><span class="line">132</span><br><span class="line">133</span><br><span class="line">134</span><br><span class="line">135</span><br><span class="line">136</span><br><span class="line">137</span><br><span class="line">138</span><br><span class="line">139</span><br><span class="line">140</span><br><span class="line">141</span><br><span class="line">142</span><br><span class="line">143</span><br><span class="line">144</span><br><span class="line">145</span><br><span class="line">146</span><br><span class="line">147</span><br><span class="line">148</span><br><span class="line">149</span><br><span class="line">150</span><br><span class="line">151</span><br><span class="line">152</span><br><span class="line">153</span><br><span class="line">154</span><br><span class="line">155</span><br><span class="line">156</span><br><span class="line">157</span><br><span class="line">158</span><br><span class="line">159</span><br><span class="line">160</span><br><span class="line">161</span><br><span class="line">162</span><br><span class="line">163</span><br><span class="line">164</span><br><span class="line">165</span><br><span class="line">166</span><br><span class="line">167</span><br><span class="line">168</span><br><span class="line">169</span><br><span class="line">170</span><br><span class="line">171</span><br><span class="line">172</span><br><span class="line">173</span><br><span class="line">174</span><br><span class="line">175</span><br><span class="line">176</span><br><span class="line">177</span><br><span class="line">178</span><br><span class="line">179</span><br><span class="line">180</span><br><span class="line">181</span><br><span class="line">182</span><br><span class="line">183</span><br><span class="line">184</span><br><span class="line">185</span><br><span class="line">186</span><br><span class="line">187</span><br><span class="line">188</span><br><span class="line">189</span><br><span class="line">190</span><br><span class="line">191</span><br><span class="line">192</span><br><span class="line">193</span><br><span class="line">194</span><br><span class="line">195</span><br><span class="line">196</span><br><span class="line">197</span><br><span class="line">198</span><br><span class="line">199</span><br><span class="line">200</span><br><span class="line">201</span><br><span class="line">202</span><br><span class="line">203</span><br><span class="line">204</span><br><span class="line">205</span><br><span class="line">206</span><br><span class="line">207</span><br><span class="line">208</span><br><span class="line">209</span><br><span class="line">210</span><br><span class="line">211</span><br><span class="line">212</span><br><span class="line">213</span><br><span class="line">214</span><br><span class="line">215</span><br><span class="line">216</span><br><span class="line">217</span><br><span class="line">218</span><br><span class="line">219</span><br><span class="line">220</span><br><span class="line">221</span><br><span class="line">222</span><br><span class="line">223</span><br><span class="line">224</span><br><span class="line">225</span><br><span class="line">226</span><br><span class="line">227</span><br><span class="line">228</span><br><span class="line">229</span><br><span class="line">230</span><br><span class="line">231</span><br><span class="line">232</span><br><span class="line">233</span><br><span class="line">234</span><br><span class="line">235</span><br><span class="line">236</span><br><span class="line">237</span><br><span class="line">238</span><br><span class="line">239</span><br><span class="line">240</span><br><span class="line">241</span><br><span class="line">242</span><br><span class="line">243</span><br><span class="line">244</span><br><span class="line">245</span><br><span class="line">246</span><br><span class="line">247</span><br><span class="line">248</span><br><span class="line">249</span><br><span class="line">250</span><br><span class="line">251</span><br><span class="line">252</span><br><span class="line">253</span><br><span class="line">254</span><br><span class="line">255</span><br><span class="line">256</span><br><span class="line">257</span><br><span class="line">258</span><br><span class="line">259</span><br><span class="line">260</span><br><span class="line">261</span><br><span class="line">262</span><br><span class="line">263</span><br><span class="line">264</span><br><span class="line">265</span><br><span class="line">266</span><br><span class="line">267</span><br><span class="line">268</span><br><span class="line">269</span><br><span class="line">270</span><br><span class="line">271</span><br><span class="line">272</span><br><span class="line">273</span><br><span class="line">274</span><br><span class="line">275</span><br><span class="line">276</span><br><span class="line">277</span><br></pre></td><td class="code"><pre><span class="line">&lt;!DOCTYPE html&gt;</span><br><span class="line">&lt;html lang=&quot;en&quot;&gt;</span><br><span class="line">	&lt;head&gt;</span><br><span class="line">		&lt;meta charset=&quot;UTF-8&quot;&gt;</span><br><span class="line">		&lt;title&gt;会员注册&lt;/title&gt;</span><br><span class="line">		&lt;style&gt;</span><br><span class="line">			tr&gt;td:nth-child(1)&#123;</span><br><span class="line">            text-align: right;</span><br><span class="line">        &#125;</span><br><span class="line">        tr&gt;td:nth-child(2)&#123;</span><br><span class="line">            text-align: left;</span><br><span class="line">        &#125;</span><br><span class="line">        tr&gt;td:nth-child(3)&#123;</span><br><span class="line">            text-align: left;</span><br><span class="line"></span><br><span class="line">        &#125;</span><br><span class="line">        div&#123;</span><br><span class="line">            width:700px;</span><br><span class="line">            height: 600px;</span><br><span class="line">            background-color:rgb(255,238,211) ;</span><br><span class="line">            position: absolute;</span><br><span class="line">            left: 25%;</span><br><span class="line">            top: 10%;</span><br><span class="line">        &#125;</span><br><span class="line">        p&#123;</span><br><span class="line">            padding: 0;</span><br><span class="line">            margin: 0;</span><br><span class="line">            color: red;</span><br><span class="line">        &#125;</span><br><span class="line">    &lt;/style&gt;</span><br><span class="line">		&lt;script&gt;</span><br><span class="line">			var sum = 0;</span><br><span class="line">			function f(t) &#123;</span><br><span class="line">				</span><br><span class="line">            switch (t) &#123;</span><br><span class="line">                case 1: var username  = document.getElementById(&quot;t1&quot;).value;</span><br><span class="line"></span><br><span class="line">                    if(username.length&lt;6||username.length&gt;16)&#123;</span><br><span class="line"></span><br><span class="line">                        var str1 = &quot;用户名不是6-16位，请核对后再次输入！&quot;;</span><br><span class="line"></span><br><span class="line">                        document.getElementById(&quot;c1&quot;).innerText=str1;</span><br><span class="line">                        document.getElementById(&quot;t1&quot;).value=&quot;&quot;;</span><br><span class="line">                    &#125;</span><br><span class="line">                    else &#123;</span><br><span class="line">                        if (username.substr(0,1)===&quot;$&quot;||username.substr(0,1)===&quot;_&quot;) &#123;</span><br><span class="line">                            str1 = &quot;√&quot;;</span><br><span class="line">							sum++;</span><br><span class="line">                            document.getElementById(&quot;c1&quot;).innerText = str1;</span><br><span class="line">                        &#125;else&#123;</span><br><span class="line">                            str1 = &quot;用户名不是以$或_开头&quot;;</span><br><span class="line">                            document.getElementById(&quot;c1&quot;).innerText = str1;</span><br><span class="line">                            document.getElementById(&quot;t1&quot;).value=&quot;&quot;;</span><br><span class="line">                        &#125;</span><br><span class="line">                    &#125;</span><br><span class="line">					if(sum===5)&#123;</span><br><span class="line">						document.getElementById(&quot;sub&quot;).disabled=false;</span><br><span class="line">					&#125;</span><br><span class="line">                    break;</span><br><span class="line">                case 2: var password  = document.getElementById(&quot;t2&quot;).value;</span><br><span class="line"></span><br><span class="line">                    if(password.length&lt;6||password.length&gt;16)&#123;</span><br><span class="line"></span><br><span class="line">                        var str2 = &quot;密码不是6-16位，请核对后再次输入！&quot;;</span><br><span class="line"></span><br><span class="line">                        document.getElementById(&quot;c2&quot;).innerText=str2;</span><br><span class="line">                        document.getElementById(&quot;t2&quot;).value=&quot;&quot;;</span><br><span class="line">                    &#125;</span><br><span class="line">                    else &#123;</span><br><span class="line">                        if (/^[A-Z]+$/.test(password.substr(0,1))) &#123;</span><br><span class="line">                            str2 = &quot;√&quot;;</span><br><span class="line">							sum++;</span><br><span class="line">                            document.getElementById(&quot;c2&quot;).innerText = str2;</span><br><span class="line">                        &#125;</span><br><span class="line">                        else&#123;</span><br><span class="line">                             str2 = &quot;密码以大写字母开头，请核对后再次输入！&quot;;</span><br><span class="line"></span><br><span class="line">                            document.getElementById(&quot;c2&quot;).innerText=str2;</span><br><span class="line">                            document.getElementById(&quot;t2&quot;).value=&quot;&quot;;</span><br><span class="line">                        &#125;</span><br><span class="line">                    &#125;</span><br><span class="line">					if(sum===5)&#123;</span><br><span class="line">						document.getElementById(&quot;sub&quot;).disabled=false;</span><br><span class="line">					&#125;</span><br><span class="line">                    break;</span><br><span class="line">                case 3: var cpassword  = document.getElementById(&quot;t3&quot;).value;</span><br><span class="line">                        var psd = document.getElementById(&quot;t2&quot;).value;</span><br><span class="line">                        if(cpassword.length===0)&#123;</span><br><span class="line">                            var str3 = &quot;密码不能为空&quot;;</span><br><span class="line">                            document.getElementById(&quot;c3&quot;).innerText = str3;</span><br><span class="line">                        &#125;</span><br><span class="line">                        else&#123;</span><br><span class="line">                    if(psd===cpassword)&#123;</span><br><span class="line"></span><br><span class="line">                         str3 = &quot;√&quot;;</span><br><span class="line">						 sum++;</span><br><span class="line">                        document.getElementById(&quot;c3&quot;).innerText = str3;</span><br><span class="line">                    &#125;</span><br><span class="line">                    else &#123;</span><br><span class="line">                        str3 = &quot;两次密码不同！&quot;;</span><br><span class="line">                        document.getElementById(&quot;c3&quot;).innerText = str3;</span><br><span class="line">                        document.getElementById(&quot;t3&quot;).value=&quot;&quot;;</span><br><span class="line">                        &#125;</span><br><span class="line">                        &#125;</span><br><span class="line">						if(sum===5)&#123;</span><br><span class="line">							document.getElementById(&quot;sub&quot;).disabled=false;</span><br><span class="line">						&#125;</span><br><span class="line">                    break;</span><br><span class="line"></span><br><span class="line">                case 4: var identity  = document.getElementById(&quot;t4&quot;).value;</span><br><span class="line"></span><br><span class="line">                    if(identity.length===18)&#123;</span><br><span class="line"></span><br><span class="line">                        var str4 = &quot;√&quot;;</span><br><span class="line">						sum++;</span><br><span class="line">						</span><br><span class="line">                        document.getElementById(&quot;c4&quot;).innerText = str4;</span><br><span class="line">                    &#125;</span><br><span class="line">                    else &#123;</span><br><span class="line">                        str4 = &quot;身份证号不正确！&quot;;</span><br><span class="line">                        document.getElementById(&quot;c4&quot;).innerText = str4;</span><br><span class="line">                        document.getElementById(&quot;t4&quot;).value=&quot;&quot;;</span><br><span class="line">                    &#125;</span><br><span class="line">					if(sum===5)&#123;</span><br><span class="line">					</span><br><span class="line">						document.getElementById(&quot;sub&quot;).disabled=false;</span><br><span class="line">					&#125;</span><br><span class="line">                    break;</span><br><span class="line">				case 5: var age  = document.getElementById(&quot;t5&quot;).value;</span><br><span class="line">				</span><br><span class="line">				    if(age&lt;0||age&gt;128)&#123;</span><br><span class="line">				</span><br><span class="line">				        var str5 = &quot;年龄错误！&quot;;</span><br><span class="line">				        document.getElementById(&quot;c5&quot;).innerText = str5;</span><br><span class="line">				        document.getElementById(&quot;t5&quot;).value=&quot;&quot;;</span><br><span class="line">				    &#125;</span><br><span class="line">				    else &#123;</span><br><span class="line">				        var str5 = &quot;√&quot;;</span><br><span class="line">				       sum++;</span><br><span class="line">				       </span><br><span class="line">				       document.getElementById(&quot;c5&quot;).innerText = str5;</span><br><span class="line">				    &#125;</span><br><span class="line">					if(sum===5)&#123;</span><br><span class="line">					</span><br><span class="line">						document.getElementById(&quot;sub&quot;).disabled=false;</span><br><span class="line">					&#125;</span><br><span class="line">				    break;</span><br><span class="line"></span><br><span class="line">				</span><br><span class="line">            &#125;</span><br><span class="line">        &#125;</span><br><span class="line">		function re()&#123;</span><br><span class="line">			document.getElementById(&quot;c1&quot;).innerText=&quot;只能以$_或字母开头6-16位字母或数字组合&quot;;</span><br><span class="line">			document.getElementById(&quot;c2&quot;).innerText=&quot;必须以大写字母开头6-16位字母或者数字组合&quot;;</span><br><span class="line">			document.getElementById(&quot;c3&quot;).innerText=&quot;请再次确认密码&quot;;</span><br><span class="line">			document.getElementById(&quot;c4&quot;).innerText=&quot;请输入正确的身份证号，以便核实您的信息&quot;;</span><br><span class="line">		&#125;</span><br><span class="line">		function success()&#123;</span><br><span class="line">			alert(&quot;注册成功！&quot;)</span><br><span class="line">		&#125;</span><br><span class="line">    &lt;/script&gt;</span><br><span class="line">	&lt;/head&gt;</span><br><span class="line">	&lt;body&gt;</span><br><span class="line">		&lt;div align=&quot;center&quot;&gt;</span><br><span class="line"></span><br><span class="line">			&lt;form method=&quot;get&quot;&gt;</span><br><span class="line">				&lt;table&gt;</span><br><span class="line">					&lt;caption&gt;</span><br><span class="line">						&lt;h1&gt;会员注册&lt;/h1&gt;</span><br><span class="line">					&lt;/caption&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;用户名：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;username&quot; required onblur=&quot;f(1)&quot; id=&quot;t1&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;</span><br><span class="line">							&lt;p id=&quot;c1&quot;&gt;只能以$_或字母开头6-16位字母或数字组合&lt;/p&gt;</span><br><span class="line">						&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;密码：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;password&quot; name=&quot;password&quot; required onblur=&quot;f(2)&quot; id=&quot;t2&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;</span><br><span class="line">							&lt;p id=&quot;c2&quot;&gt;必须以大写字母开头6-16位字母或者数字组合&lt;/p&gt;</span><br><span class="line">						&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;确认密码：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;password&quot; name=&quot;cpassword&quot; required onblur=&quot;f(3)&quot; id=&quot;t3&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;</span><br><span class="line">							&lt;p id=&quot;c3&quot;&gt;请再次确认密码&lt;/p&gt;</span><br><span class="line">						&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt; 姓名：&lt;br&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;name&quot; required&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt; 年龄：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;number&quot; name=&quot;age&quot; required onblur=&quot;f(5)&quot; id=&quot;t5&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;</span><br><span class="line">							&lt;p id=&quot;c5&quot;&gt;&lt;/p&gt;</span><br><span class="line">						&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt; 性别：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;m&quot; checked&gt;男 &lt;input type=&quot;radio&quot; name=&quot;sex&quot; value=&quot;f&quot;&gt;女&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;身份证号：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;text&quot; name=&quot;identity&quot; required onblur=&quot;f(4)&quot; id=&quot;t4&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;</span><br><span class="line">							&lt;p id=&quot;c4&quot;&gt;请输入正确的18位身份证号，以便核实您的信息&lt;/p&gt;</span><br><span class="line">						&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;出生年月：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;date&quot; name=&quot;birthday&quot; required&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;居住地址：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;</span><br><span class="line">							&lt;select id=&quot;one&quot; name=&quot;address1&quot; onchange=&quot;func(this.value)&quot;&gt;</span><br><span class="line">								&lt;option value=&quot;&quot;&gt;--城市--&lt;/option&gt;</span><br><span class="line">								&lt;option value=&quot;0&quot;&gt;四川省&lt;/option&gt;</span><br><span class="line">								&lt;option value=&quot;1&quot;&gt;山西省&lt;/option&gt;</span><br><span class="line">								&lt;option value=&quot;2&quot;&gt;陕西省&lt;/option&gt;</span><br><span class="line">							&lt;/select&gt;</span><br><span class="line">							&lt;select id=&quot;two&quot; name=&quot;address2&quot;&gt;</span><br><span class="line">								&lt;option value=&quot;&quot;&gt;--区县--&lt;/option&gt;</span><br><span class="line">							&lt;/select&gt;</span><br><span class="line">							&lt;script&gt;</span><br><span class="line">								var two = document.getElementById(&apos;two&apos;);</span><br><span class="line">                        city = [];//申明</span><br><span class="line"></span><br><span class="line">                        //定义二级数据</span><br><span class="line">                        city[0] = [&apos;成都市&apos;,&apos;绵阳市&apos;,&apos;宜宾市&apos;,&apos;眉山市&apos;,&apos;乐山市&apos;];</span><br><span class="line">                        city[1] = [&apos;太原市&apos;,&apos;大同市&apos;,&apos;忻州市&apos;,&apos;晋中市&apos;,&apos;长治市&apos;];</span><br><span class="line">                        city[2] = [&apos;西安市&apos;,&apos;铜川市&apos;,&apos;宝鸡市&apos;,&apos;咸阳市&apos;,&apos;渭南市&apos;];</span><br><span class="line">                        function func(m)&#123;</span><br><span class="line">                            two.length = 1;</span><br><span class="line"></span><br><span class="line">                            //遍历生产option选项</span><br><span class="line">                            for (var i = 0; i &lt; city[m].length; i++) &#123;</span><br><span class="line"></span><br><span class="line">                                //创建一个option 把数据存储在option</span><br><span class="line">                                var op = new Option(city[m][i],i);</span><br><span class="line"></span><br><span class="line">                                //把带有数据的option 添加到第二个select</span><br><span class="line">                                two.add(op);</span><br><span class="line">                            &#125;</span><br><span class="line">                        &#125;</span><br><span class="line">                    &lt;/script&gt;</span><br><span class="line">						&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;text&quot; placeholder=&quot;请输入具体地址&quot; name=&quot;address&quot;&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;上传头像：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;file&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;个人简介：&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;textarea name=&quot;info&quot; cols=&quot;30&quot; rows=&quot;10&quot;&gt;&lt;/textarea&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">					&lt;tr&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;input type=&quot;submit&quot; value=&quot;注册&quot; disabled id=&quot;sub&quot; onclick=&quot;success()&quot;&gt; &lt;input type=&quot;reset&quot; onclick=&quot;re()&quot;&gt;&lt;/td&gt;</span><br><span class="line">						&lt;td&gt;&lt;/td&gt;</span><br><span class="line">					&lt;/tr&gt;</span><br><span class="line">				&lt;/table&gt;</span><br><span class="line">			&lt;/form&gt;</span><br><span class="line">		&lt;/div&gt;</span><br><span class="line">	&lt;/body&gt;</span><br><span class="line">&lt;/html&gt;</span><br></pre></td></tr></table></figure>

<p><img src="https://i.loli.net/2019/07/17/5d2f1567878dc12634.png" alt></p>

            <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]-->
            <audio id="audio" loop="1" preload="auto" controls="controls" data-autoplay="false">
                <source type="audio/mpeg" src="http://link.hhtjim.com/163/1336866698.mp3">
            </audio>
            
        </div>
        
        
    <div id='gitalk-container' class="comment link"
        data-ae='false'
        data-ci='e79d3ae9c45da13e6f66'
        data-cs='896cb16e937a9e56f91295c1bab9e5aad59746ad'
        data-r='MrDCG.github.io'
        data-o='MrDCG'
        data-a='MrDCG'
        data-d='true'
    >查看评论</div>


        
    </div>

    
    
</div>

    </div>
</div>

<script src="/live2dw/lib/L2Dwidget.min.js?094cbace49a39548bed64abff5988b05"></script><script>L2Dwidget.init({"pluginRootPath":"live2dw/","pluginJsPath":"lib/","pluginModelPath":"assets/","tagMode":false,"debug":false,"model":{"jsonPath":"/live2dw/assets/assets/koharu.model.json"},"display":{"position":"right","width":145,"height":315},"mobile":{"show":true,"scale":0.5},"react":{"opacityDefault":0.7,"opacityOnHover":0.8},"log":false});</script></body>
<script src="//cdn.jsdelivr.net/npm/gitalk@1/dist/gitalk.min.js"></script>
<script src="//lib.baomitu.com/jquery/1.8.3/jquery.min.js"></script>
<script src="/js/plugin.js"></script>
<script src="/js/diaspora.js"></script>
<link rel="stylesheet" href="/photoswipe/photoswipe.css">
<link rel="stylesheet" href="/photoswipe/default-skin/default-skin.css">
<script src="/photoswipe/photoswipe.min.js"></script>
<script src="/photoswipe/photoswipe-ui-default.min.js"></script>

<!-- Root element of PhotoSwipe. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <!-- Background of PhotoSwipe. 
         It's a separate element as animating opacity is faster than rgba(). -->
    <div class="pswp__bg"></div>
    <!-- Slides wrapper with overflow:hidden. -->
    <div class="pswp__scroll-wrap">
        <!-- Container that holds slides. 
            PhotoSwipe keeps only 3 of them in the DOM to save memory.
            Don't modify these 3 pswp__item elements, data is added later on. -->
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <!--  Controls are self-explanatory. Order can be changed. -->
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--share" title="Share"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
                <!-- element will get class pswp__preloader--active when preloader is running -->
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                      <div class="pswp__preloader__cut">
                        <div class="pswp__preloader__donut"></div>
                      </div>
                    </div>
                </div>
            </div>
            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                <div class="pswp__share-tooltip"></div> 
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>




</html>
<!--崩溃欺骗-->
<script type="text/javascript" src="/js/crash_cheat.js"></script>
<!-- 页面点击小红心 -->
<script type="text/javascript" src="/js/clicklove.js"></script>